﻿<div class="login-container animated fadeInDown" ng-controller="LoginController">
    <div class="loginbox bg-white">
        <div class="logobox">
            <p class="text-center">
                <a ui-sref="app.dashboard">
                    <img style="margin-top:20px;" src="assets/img/logo_login.png" width="150" />                 
                </a>                
            </p>            
        </div>
        <H3 class="text-align-center">
            <i class="fa fa-circle-o-notch fa-spin" ng-show="processing"></i>
        </H3>        
        <form ng-submit="doLogin(loginData)">
            <div class="form-group has-feedback" style="width:80%;margin:auto;margin-bottom:10px;">
                <input type="text" class="form-control" placeholder="Username" ng-model="loginData.username" required />
                <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
            </div>
            <div class="form-group has-feedback" style="width:80%;margin:auto;margin-bottom:10px;">
                <input type="password" class="form-control" placeholder="Password" ng-model="loginData.password" required />
                <span class="glyphicon glyphicon-lock form-control-feedback"></span>
            </div>
            <div class="loginbox-forgot">
                <a class="" ui-sref="forgotpass">Forgot Password ?</a>
            </div>
            <div class="loginbox-submit">
                <button type="submit" class="btn btn-primary btn-block" ng-disabled="processing">Login</button>                
            </div>
        </form>
            <div class="loginbox-signup">
                <div class="btn-group">
                    <a class="btn btn-link" style="display:none !important;" ui-sref="register">Sign Up</a>
                    <!--<a class="btn btn-link" ui-sref="contact">Contact</a>-->
                </div>
            </div>
            <!--Success Modal Templates-->
            <script type="text/ng-template" id="WarningModal">
                <div class="modal-header">
                    <i class="glyphicon glyphicon-check"></i>
                </div>
                <div class="modal-body">
                    {{ messeger }}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success" ng-click="ok()">OK</button>
                    <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
                </div>
            </script>
            <!--End Success Modal Templates-->
</div>
    
</div>